.banner {
  width: 100%;

  img {
    display: block;
    width: 100%;
  }
}

main {
  overflow: hidden;
  background: url("../images/introduce/main_bg.jpg") repeat-y center center;
  background-size: cover;
  padding-top: 84px;

  > div {
    background-color: #fff;
    padding-top: 85px;
    box-shadow: 0 63px 16px 0 rgba(58, 73, 81, 0.16);
    padding-bottom: 117px;
    /* 标题 */

    h2 {
      height: 40px;
      background: url("../images/contact/contact_title.png") no-repeat center center;
      background-size: contain;
      margin-bottom: 64px;
    }

    /* 地址等信息 */

    .our-msg {
      display: flex;
      justify-content: space-between;
      padding-bottom: 56px;
      padding-left: 116px;
      padding-right: 76px;
      //background-color: #dafffc;

      /* 标题 */

      .msg-call {
        flex: 0 0 365px;

        a {
          display: block;
          width: 100%;

          img {
            display: block;
            width: 100%;
          }
        }
      }

      /* 联系方式等信息 */

      .msg-address {
        flex: 0 0 583px;
        height: 362px;

        a {
          display: block;
          width: 100%;

          img {
            display: block;
            width: 100%;
          }
        }
      }

    }

    /* 表单大盒子 */

    .contact-form-box {
      display: flex;
      justify-content: space-between;
      padding-left: 116px;
      padding-right: 76px;

      /* 表单 */

      .c-form {
        font-size: 18px;
        flex: 0 0 447px;

        h3 {
          width: 159px;
          height: 48px;
          background: url("../images/contact/leave_msg.png") no-repeat center center;
          -webkit-background-size: contain;
          background-size: contain;
          margin-bottom: 29px;
        }

        form {
          width: 395px;
          margin-left: 61px;

          span {
            input {
              display: inline-block;
              width: 165px;
              border: 0;
              border-bottom: 2px solid #000;
              margin-bottom: 20px;
              font-size: 18px;
            }

            input[name="phone"] {
              margin-left: 57px;
            }
          }

          input[name="address"] {
            width: 390px;
            border: 0;
            border-bottom: 2px solid #000;
            margin-bottom: 20px;
            font-size: 18px;
          }

          button {
            cursor: pointer;
            width: 395px;
            height: 36px;
            background-color: #f7c1be;
            border: 0;
            color: #fff;
            font-size: 18px;
            border-radius: 11px;
            transition: background-color .3s ease-in-out;

            &:hover {
              background-color: #e9493f;
            }

            &:active {
              background-color: #e9493f;
            }
          }
        }
      }


      /* 快捷留言 */

      .quick-msg {
        flex: 0 0 508px;
        margin-top: 28px;

        p {
          color: #ff0e0f;
          font-size: 16px;
          margin-bottom: 17px;
        }

        ul {
          width: 100%;
          height: 156px;
          border: solid 1px #b9c7c7;
          padding: 22px;
          display: flex;
          justify-content: space-between;
          flex-flow: row wrap;

          li {
            flex: 0 0 50%;
            font-size: 18px;
            color: #4f646a;
            cursor: pointer;

            &.qm-w {
              font-weight: 600;
              color: #1e2629;
            }
          }
        }
      }
    }

  }
}
